import './assets/main.css'
// icofont 图标
import '@/assets/icons/iconfonts/iconfont.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'

// import App from './App.vue'
import router from './router'
// import App from './views/1.插值语法/index.vue'
// import App from './views/2.基本指令/index.vue'
// import App from './views/3.v-bind/index.vue'
// import App from './views/4.v-bind绑定class/index.vue'
// import App from './views/5.v-bind绑定style/index.vue'
// import App from './views/6.v-bind动态绑定/index.vue'
// import App from './views/7.v-on的基本使用/index.vue'
// import App from './views/8.v-on事件对象和参数传递/index.vue'
// import App from './views/9.v-on绑定事件时添加修饰符/index.vue'
// import App from './views/10.v-if/index.vue'
// import App from './views/13.数组更新检测/index.vue'
// import App from './views/14.计算属性/index.vue'
// import App from './views/15.侦听器/index.vue'
// import App from './views/16.v-model/index.vue'
// import App from './views/17.图片和svg图标的使用/index.vue'
// import App from './views/18.组件/index.vue'
// import App from './views/20.v-model组件的封装/index.vue'
// import App from './views/22.插槽的使用/index.vue'
// import App from './views/23.动态组件和异步组件/index.vue'
// import App from './views/25.混入mixin/index.vue'

// import App from './views/24.递归组件/index.vue'
// import App from './views/26.组件style特性/index.vue'
// import App from './views/28.深度选择器/index.vue'
import App from './views/29.自定义指令/index.vue'

const app = createApp(App)

// 全局mixin
import mixins from '@/mixins'
app.use(mixins)

// 全局指令
import defineDirective from '@/directives'
app.use(defineDirective)


//svg插件需要配置代码
import 'virtual:svg-icons-register'
//引入自定义插件对象:注册整个项目全局组件
import gloalComponent from '@/components'
app.use(gloalComponent)


// 引入全局方法
import * as utils from '@/utils'
app.config.globalProperties.$utils = utils

app.use(createPinia())
app.use(router)

app.mount('#app')
